    <div class="sys-title">
       <h2 id="TopName"></h2>
       <select id="keyType">
        <!--<option>请选择要分析的对象（终端&资源）</option>
        <option selected>172.23.221.119</option>
        <option>172.23.221.210</option>
        <option>222.161.234.123</option>
        <option>Oracle-2</option>
        <option>Solr</option>
        <option>192.168.1.55</option>
        <option>数据资源共享目录</option>
        <option>178.231.26.204</option>-->
      </select>
      <input type="text" id="keyTime" placeholder="选择时间范围" title="统计周期">
      <div class="alink"><a href="javascript:void(0);" onclick="javascript:history.go(-1)"><i class="icon-reply"></i>返回</a></div>
    </div>

    <div class="sys-content">
      <div class="panel-title">
        <label>访问流量 <em id="dataNum"></em></label>
        <label>访问次数 <em id="callNum"></em></label>
      </div>
      <ul class="nav-tabs">
        <li class="active"><a href="javascript:void(0)">访问资源分析</a></li>
        <li id="chartsF"><a href="javascript:void(0)">活跃情况分析</a></li>
      </ul>
      <div class="panel" style="min-height:720px;">
        <div class="panel-body tabs-con" style="display:block;">
          <div id="chart5" class="chart col-3">loading...</div>
          <div id="chart1" class="chart col-3">loading...</div>
          <div id="chart2" class="chart col-3">loading...</div>
          <div id="chart3" class="chart col-3">loading...</div>
          <div class="row">
            <div id="chart4" class="chart">loading...</div>
          </div>


        </div><!--panel-body end-->

        <div class="panel-body tabs-con">
          <div id="chart15" class="chart col-3">loading...</div>
          <div id="chart11" class="chart col-3">loading...</div>
          <div id="chart12" class="chart col-3">loading...</div>
          <div id="chart13" class="chart col-3">loading...</div>
          <div class="row">
            <div id="chart14" class="chart">loading...</div>
          </div>
        </div><!--panel-body end-->
      </div>
    </div>
    <script src="./scripts/app/safe/dataRegulation/daterRangeDefine.js"></script>
<script src="./scripts/app/safe/dataRegulation/userLaw.js"></script>
<script>
	(function($){
    $(window).load(function(){
      $(".dialog-body").mCustomScrollbar({
        autoHideScrollbar:true,
        advanced:{
          autoExpandHorizontalScroll:true
        }
      });
    });
  })(jQuery);

  $(document).ready(function(){
    //showCharts(0);

    $(".nav-tabs").on("click", "a", function() {
     $(this).parents().siblings().removeClass('active').end().addClass('active');
     $(".tabs-con").hide().eq($(this).parents().index()).show();
    // showCharts($(this).parents().index());
   })


// $(".col-left .table thead tr th:gt(2),.col-left .table tbody > tr > td:gt(2)").hide();
$(".col-left .table").find("tr").each(function() {
  $(this).children("th:gt(2),td:gt(2)").hide();
})

$("#tablefull").on('click',  function() {
 if($(this).hasClass("open")) {
  $(this).prop("class","");
  $(".col-left .table").find("tr").each(function() {
    $(this).children("th:gt(2),td:gt(2)").hide();
  })
  $(".col-left").stop(true).animate({"width": '20%'},400);
  $(".col-right").stop(true).animate({"width": '80%',"display":"none"},400,function(){ $(".col-right").show();});
}
else{
  $(this).prop("class","open");
  $(".col-left .table").find("tr").each(function() {
    $(this).children("th:gt(2),td:gt(2)").show();
  })
  $(".col-left").stop(true).animate({"width": '100%'},400);
  $(".col-right").hide();stop(true).animate({"width": '0'},400);

}
});


$(".scrollbar").mCustomScrollbar({
  autoHideScrollbar:true,
  advanced:{
    autoExpandHorizontalScroll:true
  }
});

$(".dropdown-menu li:eq(0)").on("click",function(){
  console.log($(this).parents(".open"));
  $(this).parents(".open").removeClass('open');
  $(".dialog").show();
})

$(".dropdown").on("click", "button", function() {
  $(this).parent().hasClass('open') ? $(this).parent().removeClass('open') : $(this).parent().addClass('open');
})


$(".dialog .close,#cancel").on("click",function(){
  $(".dialog").hide();
})

$(".table tr").on("click", "td:eq(2) a", function() {
  $(this).parents("tr").siblings().removeClass('active').end().addClass('active') ;
  $("#info").show()
});



})
</script>